<template>
  <div class="contents">
      <new-song></new-song>
      <ranking></ranking>
      <mv></mv>
      <anchor></anchor>
  </div>
</template>

<script>
import NewSong from "./item/Newsong.vue"
import Ranking from "./item/Ranking.vue"
import Mv from "./item/Mv.vue"
import Anchor from "./item/Singer.vue"
export default {
    components:{
        NewSong,
        Ranking,
        Mv,
        Anchor
    }
}
</script>

<style scoped>
.contents {
    margin-top: 30px;
    padding: 20px 50px;
}
</style>